//每次修改 craco.config.js 必须重启才能生效
//导入 craco-less 插件
const CracoLessPlugin = require('craco-less');
//配置路径别名的工具
const CracoAlias = require("craco-alias");

module.exports = {
  plugins: [
    //主题修改 与 less 支持
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            /* 
            覆盖内置的样式变量
            https://ant-design.antgroup.com/docs/react/customize-theme-cn
            */
            modifyVars: { 
              '@primary-color': '#1DA57A' // 全局主色
            },
            javascriptEnabled: true,
          },
        },
      },
    },
    //路径别名
    {
      plugin: CracoAlias,
      options: {
        source: "tsconfig",
        tsConfigPath: './tsconfig.extend.json'
      },
    },
  ],
};